﻿/*Report List Start*/
.r-list {
    margin-top: 15px;
    padding-bottom: 20px;
}

    .r-list .r-list-item {
        background-color: #fff;
        border-bottom: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        padding: 0 3.2%;
        margin-top: 15px;
    }

        .r-list .r-list-item:first-child {
            margin-top: 0;
        }

        .r-list .r-list-item h3 {
            border-bottom: 1px solid #e2e2e2;
            font-size: 1.7rem;
            padding: 10px 0;
        }

        .r-list .r-list-item > div {
            color: #666;
            font-size: 1.4rem;
            padding: 10px 0;
        }

            .r-list .r-list-item > div p {
                margin-top: 10px;
            }

                .r-list .r-list-item > div p:first-child {
                    margin-top: 0;
                }

    .r-list .btn-report {
        background-color: #ffee71;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #232323;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        font-size: 1.4rem;
        padding: 8px 15px;
    }
/*Report List End*/


/*Report Detail Start*/
.special {
    color: #ff7247;
}

header {
    background-color: #ffee71;
    font-size: 2rem;
    padding: 22px 3.2%;
}

    header .i-report {
        margin: -5px 5px 0 0;
    }

    header .user {
        font-size: 1.6rem;
    }

h2 {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0;
    text-align: center;
}

    h2 img {
        width: 43.6%;
    }

article {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 15px 3.2%;
    text-align: center;
}

    article>p {
        text-align: left;
        margin-bottom:10px;
    }

    article section {
        background-color: #fff;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #e2e2e2;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        margin-bottom: 15px;
        text-align: left;
    }

        article section h3 {
            border-bottom: 1px solid #e2e2e2;
            padding: 10px 5% 6px 5%;
        }
        article section h3 .icon-plus{
            margin-right:5px;
        }
.interpretation .result {
    display: block;
    margin: 0 auto 8px auto;
    width: 33.3%;
}

.interpretation .content {
    font-size:1.6rem;
    padding: 10px 4.3% 18px 4.3%;
}

    .interpretation .content.low p {
        text-align: center;
    }

.suggestion .content li {
    border-top: 1px solid #e2e2e2;
}

    .suggestion .content li:first-child {
        border-top: none;
    }

.suggestion .content .index {
    width: 18%;
    text-align: center;
}
.suggestion .content .index .avatar {
    border:1px solid #232323;
}
    .suggestion .content .index > .avatar {
        padding: 3px;
    }

        .suggestion .content .index > .avatar > .avatar {
            background-color: #ffee71;
            display: block;
            font-size: 1rem;
            line-height: 1rem;
            padding:1px;
            width: 1rem;
        }
        .suggestion .content .flex-1{
            border-left:1px solid #e2e2e2;
            font-size:1.4rem;
            padding:15px;
        }
/*Report Detail End*/

